<!--
 * @Description  : 
 * @Author       : jiangxiaoying
 * @Date         : 2021-03-29 10:04:53
 * @LastEditTime : 2021-04-01 11:27:20
 * @LastEditors  : jiangxiaoying
 * @FilePath     : \cloud-components\docs\pages\components\cloud-dropdown\example10.vue
-->
<template>
  <CloudDropdown :isTextDropDown="true" overlayClassName="test-dropdown">
    <CloudButton type="link" @click="(e) => e.preventDefault()">
      编辑 <CloudIcon type="down" />
    </CloudButton>
    <CloudMenu slot="overlay">
      <CloudMenuItem>
        <CloudButton type="link"> 编辑 </CloudButton>
      </CloudMenuItem>
      <CloudMenuItem>
        <CloudButton type="link"> 删除 </CloudButton>
      </CloudMenuItem>
      <CloudMenuItem>
        <CloudButton type="link"> 提交审核 </CloudButton>
      </CloudMenuItem>
    </CloudMenu>
  </CloudDropdown>
</template>

<script>
export default {
  title: '10.文字按钮下拉',
};
</script>